/*首页*/

.wrapper {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.headline-header {
    width: 100%;
    min-width: 1200px;
    background-color: #ffffff;
}

.headline-header .headerCol {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
}

.headerCol .headerLogo {
    font-size: 0;
    width: 235px;
    height: 55px;
    display: flex;
}

.headerCol .headerLogo .headerLogo-logo {
    width: 135px;
    height: 62px;
}

.headerCol .headerNav ul .headerNav-li {
    display: inline-block;
    text-align: center;
}

.headerNav ul .headerNav-li .headerNav-liA {
    font-size: 16px;
    display: inline-block;
    width: 85px;
    line-height: 69px;
    border-bottom: 3px solid transparent;
    text-transform: uppercase;
    font-weight: 700;
}

.headerNav ul .headerNav-li .headerNav-active {
    color: #eb5d1d;
    border-bottom: 3px solid #eb5d1d;
}

.headerNav ul .headerNav-li .headerNav-liA:hover {
    color: #eb5d1d;
    border-bottom: 3px solid #eb5d1d;
}

.headerCol .headerRt ul .headerRt-li {
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.headerRt .notLogIn .headerRt-li {
    vertical-align: middle;
}

.headerRt .notLogIn .headerRt-li .headerRt-liB {
    font-size: 14px;
}

.headerRt ul .headerRt-li .headerRt-liA {
    display: inline-block;
    font-size: 0;
    padding: 4px;
    border: 1px solid #eb5d1d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.headerRt ul .headerRt-li .headerRt-liA .headerRt-liA-img {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #eb5d1d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-size: 27px;
    -o-object-fit: cover;
    object-fit: cover;
}

.headerRt ul .headerRt-li .headerRt-liA .headerRt-liA-NoBg {
    background-color: transparent;
}

.headerRt ul .headerRt-li .headerRt-liCol {
    position: absolute;
    top: 50px;
    left: -14px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 10px rgba(220, 220, 220, 1);  -moz-box-shadow: 0 0 10px rgba(220, 220, 220, 1); box-shadow: 0 0 10px rgba(220, 220, 220, 1);
    padding: 5px 10px;
    z-index: 222;
    width: 80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: none;
}

.headerRt ul .headerRt-li .headerRt-liCol .headerRt-liCol-li {
    line-height: 35px;
    border-bottom: 1px solid #f1f1f1;
}

.headerRt-liCol .headerRt-liCol-li .headerRt-liCol-liA {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headerRt-liCol .headerRt-liCol-li .headerRt-liCol-liA > span {
    display: inline-block;
    vertical-align: middle;
}

.headerRt-liCol .headerRt-liCol-li .headerRt-liCol-liA .headerRt-liCol-liAs2 {
    color: #eb5d1d;
}

.integration .integration-swiper {
    width: 990px;
    height: 100%;
}

.integration-swiper .swiper-container {
    width: 100%;
    height: 350px;
}

.integration-swiper .swiper-container .swiper-slide-a {
    font-size: 0;
    display: block;
}

.integration-swiper .swiper-container .swiper-slide-a img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    -o-object-fit: cover;
    object-fit: cover;
}

.integration-swiper .swiper-pagination-bullet-active {
    background: #ffffff;
}

.content {
    padding-bottom: 30px;
}

.content .contDiaryTop {
    margin-top: 30px;
}

.content .integration {
    display: flex;
    justify-content: space-between;
    /*align-items:center;*/
    padding-top: 30px;
    margin-bottom: 10px;
}

.integration-link ul .integration-link-li .integration-link-liA {
    font-size: 0;
    display: block;
    position: relative;
}

.integration-link-liA .integration-link-flex {
    font-size: 16px;
    color: #ffffff;
}

.integration-link-li .integration-link-liA > img {
    width: 200px;
    height: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.integration-link-li .integration-link-liA .integration-link-flex {
    width: 100%;
    height: 100%;
    line-height: 1;
    padding: 0px 5px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0;
}

.integration-link-flex .integration-link-flexL {
    font-size: 16px;
}

.integration .integration-link ul .integration-link-li {
    margin-bottom: 10px;
    font-size: 0;
    position: relative;
}

.integration .integration-link ul .integration-link-li:last-child {
    margin: 0;
}

.integration-link-li .integration-link-liBg {
    width: 200px;
    height: 170px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.integration-link-li .integration-link-time {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20;
    color: #eb5d1d;
    font-size: 16px;
}

.integration-link-li .integration-link-time .integration-link-day {
    position: absolute;
    left: 15px;
    top: 0px;
    font-size: 85px;
    font-weight: 700;
}

.integration-link-li .integration-link-time .integration-link-month {
    position: absolute;
    left: 85px;
    bottom: 10px;
    font-size: 20px;

}

.RecommendDiary .diaryTitle {
    display: flex;
    align-items: center;
    padding: 30px 0;
}

.RecommendDiary .diaryTitle .diaryTitle-lf {
    font-size: 0;
}


.RecommendDiary .diaryTitle .diaryTitle-lf .diaryTitle-lfSpan {
    width: 5px;
    height: 15px;
    display: inline-block;
    background-color: #eb5d1d;
    vertical-align: middle;
}

.RecommendDiary .diaryTitle .diaryTitle-lf .diaryTitle-lfImg {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.RecommendDiary .diaryTitle .diaryTitle-lf .diaryTitle-lfSpan2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 5px;
    font-weight: bold;
}

.RecommendDiary .diaryTitle .diaryTitle-lf .diaryTitle-lfSpan3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    padding-bottom: 4px;
    border-bottom: 2px solid #202020;
}

.diaryTitle .diaryTitle-fr .diaryTitle-frA {
    color: #202020;
    font-size: 14px;
    display: block;
}

.diaryContent-liA .diaryContent-liA-imgA {
    display: block;
    width: 200px;
    height: 135px;
    font-size: 0;
}

.diaryContent-li .diaryContent-liA .diaryContent-liA-text {
    width: 100%;
}

.diaryContent-liA .diaryContent-liA-imgA img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
}

.diaryContent ul .diaryContent-li .diaryContent-liA {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.diaryContent ul .diaryContent-li .diaryContent-liA .diaryContent-liA-fr {
    margin-left: 10px;
}

.diaryContent-liA .diaryContent-liA-text .diaryContent-liA-h2 {
    display: block;
    font-size: 24px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break:break-all;
}

.diaryContent-liA .diaryContent-liA-text .diaryContent-liA-h2:hover {
    color: #eb5d1d;
}

.diaryContent-liA .diaryContent-liA-text .diaryContent-liA-p1 {
    font-size: 14px;
    color: #7f7f7f;
    padding: 5px 0;
    display: inline-block;
    border-bottom: 1px solid #202020;
}

.diaryContent-liA .diaryContent-liA-text .diaryContent-noBorder {
    border-bottom: 0;
}

.diaryContent-liA .diaryContent-liA-text .diaryContent-liA-p2 {
    color: #7f7f7f;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    line-height: 1.5;
    margin-top: 10px;
    font-size: 14px;
    word-break:break-all;
}

.diaryContent-liA .diaryContent-liA-text .diaryContent-liA-ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.diaryContent-liA-text .diaryContent-liA-ul .diaryContent-Ili {
    display: inline-block;
}

.diaryContent-liA-ul .diaryContent-Ili .diaryContent-IliA {
    width: 200px;
    height: 135px;
    font-size: 0;
    display: inline-block;
}

.diaryContent-liA-text .diaryContent-liA-ul .diaryContent-Ili img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
}

.diaryContent-liA .diaryContent-liA-text .diaryContent-liA-p3 {
    margin-top: 10px;
    display: flex;
    /*justify-content: space-between;*/
    align-items:center;
    height: 24px;
    line-height: 24px;
}

.diaryContent-liA-text .diaryContent-liA-p3 .diaryContent-liA-time {
    margin-right: 20px;
    font-size: 0;
}

.diaryContent-liA-text .diaryContent-liA-p3 > ul {
    font-size: 0;
}

.diaryContent-liA-text .diaryContent-liA-p3 .diaryContent-liA-time .diaryContent-liA-timeS {
    color: #8590a6;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}

.diaryContent-liA-text .diaryContent-liA-p3 .diaryContent-liA-time .diaryContent-liA-timeA {
    color: #0275d8;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}

.frAuthor-div .frAuthor-cont .SeeWhole {
    margin-top: 10px;
}

.frAuthor-div .frAuthor-cont .SeeWhole .SeeWholeA {
    display: block;
    font-size: 14px;
    border: 1px solid #202020;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    line-height: 30px;
    text-align: center;
    width: 200px;
    margin: 0 auto;
}

.RecommendDiary .diaryContent ul .diaryContent-li {
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid transparent;

    position: relative;
}

.RecommendDiary .diaryContent ul .diaryContent-li:hover {
    /* border: 1px solid #ff8d65; */
    background-color: #f1f1f1;
}

.diaryContent-liA-p3 ul .diaryContent-liA-p3Li {
    font-size: 0;
    display: inline-block;
    border-right: 1px solid #8590a6;
    padding: 0 8px 0 8px;
    line-height: 20px;
}

.diaryContent-liA-p3 ul .diaryContent-liA-p3Li:last-child {
    border-right: 0;
}

.diaryContent-liA-p3 ul .diaryContent-liA-p3Li .diaryContent-liA-img {
    display: inline-block;
    vertical-align: middle;
    color: #8590a6;
    text-align: center;
}

.diaryContent-liA-p3 ul .diaryContent-liA-p3Li .diaryContent-liA-span {
    color: #8590a6;
    font-size: 12px;
    vertical-align: middle;
    margin-left: 5px;
}

.diaryTitle-fr .diaryTitle-frA .diaryTitle-frAImg {
    vertical-align: middle;
    width: 19px;
    height: 19px;
}

.diaryTitle-fr .diaryTitle-frA .diaryTitle-frASp {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-left: 5px;
}

/* 推荐作者 */
.contDiary .RecommendDiary .authorTent > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.RecommendDiary .authorTent ul .authorTent-li {
    background-color: #ffffff;
    display: inline-block;
    width: 290px;
}

/* 搜索展示的搜索页面样式 */
.RecommendDiary .searchJump {
    background-color: #ffffff;
    padding: 10px 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.RecommendDiary .searchJump ul {
    width: 100%;
    overflow: hidden;
}

.RecommendDiary .searchJump ul .searchJump-li {
    font-size: 18px;
    float: left;
    cursor: pointer;
    margin-right: 22px;
    line-height: 1.5;
}

.RecommendDiary .searchJump ul .searchJump-li:hover {
    color: #eb5d1d;
}

.RecommendDiary .searchJump ul .searchJump-active {
    color: #eb5d1d;
}

.authorTent ul .authorTent-li .authorTent-liTop {
    display: flex;
    justify-content: space-between;
    /*align-items:center;*/
    padding: 20px 20px;
}

.authorTent-liTop .authorTent-liTop-r{
	margin-top: 8px;
}

.authorTent-liTop .authorTent-liTop-l {
    text-align: center;
    margin-right: 10px;
}

.authorTent-liTop .authorTent-liTop-l .authorTent-liTop-lp {
    width: 80px;
    height: 80px;
    font-size: 0px;
    display: block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

.authorTent-liTop-l .authorTent-liTop-lp .authorTent-liTop-lpImg {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    -o-object-fit: cover;
    object-fit: cover;
}

.authorTent-liTop .authorTent-liTop-l .authorTent-liTop-l2 {
    display: inline-block;
    font-size: 12px;
    margin-top: 15px;
    color: #aaaaaa;
    background-color: #f1f1f1;
    padding: 2px 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.authorTent-liTop .authorTent-liTop-r .authorTent-liTop-l2 {
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
    color: #aaaaaa;
    background-color: #f1f1f1;
    padding: 2px 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.authorTent-liTop .authorTent-liTop-r .authorTent-liTop-rA {
    font-size: 24px;
    display: block;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.authorTent-liTop .authorTent-liTop-r .authorTent-liTop-rS {
    background-color: #202020;
    width: 30px;
    height: 2px;
    display: inline-block;
}

.authorTent ul .authorTent-li .desc {
   height: 50px;
}

.authorTent ul .authorTent-li .desc .authorTent-liTop-rP {
    font-size: 14px;
    color: #7f7f7f;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break:break-all;
    line-height: 25px;
    padding: 0 10px 0 10px;
    text-indent: 2em;
}

.authorTent ul .authorTent-li .desc .authorTent-liTop-rpenpty {
    font-size: 14px;
    color: #7f7f7f;
    text-align: center;
    -webkit-box-orient: vertical;
    line-height: 22px;
    padding: 0px 10px 0 10px;
}

.authorTent ul .authorTent-li .authorTent-Middle {
    text-align: center;
}

.authorTent-Middle .authorTent-follow .authorTent-followA {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    margin-top: 10px;
    border: 1px solid #eb5d1d;
    color: #eb5d1d;
}

.authorTent-Middle .authorTent-userInfo {
    border-top: 1px solid #f1f1f1;
    line-height: 40px;
    color: #7f7f7f;
    margin: 15px 10px 0 10px;
}

.LoadMore {
    text-align: center;
    margin-top: 50px;
}

.LoadMore .line {
    display: inline-block;
    width: 160px;
    border-top: 1px solid #ffffff;
}

.LoadMore .LoadMoreA {
    display: inline-block;
    background-color: #ffffff;
    width: 350px;
    height: 35px;
    line-height: 35px;
    color: #686868;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

/* 页脚 */
.footer {
    background-color: #ffffff;
}

.footer .footerCon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 150px;

}

.footer .footerCon .footerCon-lf {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footerCon .footerCon-lf .footerCon-lfImg {
    font-size: 0;
    width: 160px;
    height: 73px;
}

.footerCon-lf .footerCon-lfImg img {
    width: 100%;
    height: 100%;
}

.footerCon-lf .footerCon-text ul .footerCon-textLi {
    display: inline-block;
    margin-right: 5px;
    padding-right: 10px;
    border-right: 1px solid #7f7f7f;
}

.footerCon-lf .footerCon-text ul .footerCon-textLi:last-child {
    border-right: 0;
}

.footerCon-text ul .footerCon-textLi .footerCon-textLiA {
    display: block;
    color: #000000;
}

.footerCon-lf .footerCon-text {
    margin-left: 40px;
}

.footerCon-text .footerCon-textD .footerCon-textDa {
    margin-top: 5px;
    display: block;
    color: #7f7f7f;
}

.footerCon-fr ul .footerCon-frLi {
    display: inline-block;
    margin-left: 30px;
}

.footerCon-fr ul .footerCon-frLi .footerCon-frLiA {
    width: 55px;
    height: 55px;
    font-size: 0;
}

.footerCon-fr ul .footerCon-frLi .footerCon-frLiA img {
    width: 100%;
    height: 100%;
}

/* 手机登录注册 */
.phoneSig .phoneSigPage {
    background-image: url('../../assets/images/loginbg.jpg');
    background-repeat: no-repeat;
    background-color: #b8e5f8;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: auto;
    position: relative;
}

.phoneSig .pageNoBg {
    background: none;
}

.phoneSig .pageNoBg .phoneSig-Flex {
    width: 600px;
    top: 35%;
}

    /* 404 */
.phoneSig .phoneSigPage2 {
    background-image: url('../../assets/images/404.png');
    background-repeat: no-repeat;
    background-color: #b8e5f8;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: auto;
    padding-right: 15px;
    position: relative;
}

.phoneSig .phoneSigPage2 .returnHome {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.phoneSigPage2 .returnHome .returnHomeA {
    display: inline-block;
    font-size: 0;
    width: 700px;
    height: 570px;
}

.phoneSigPage2 .returnHome .returnHomeA img {
    width: 100%;
    height: 100%;
}

.phoneSigPage .phoneSig-Flex {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    padding: 30px;
    width: 400px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.phoneSig-FlexCon .phoneSig-Title {
    font-size: 0;
    width: 210px;
    height: 100px;
    margin: 0 auto;
}

.phoneSig-FlexCon .phoneSig-Title img {
    width: 100%;
    height: 100%;
}

.phoneSig-myUser .phoneSig-account {
    display: flex;
    /*justify-content:space-between;*/
    align-items: center;
    line-height: 40px;
    border-bottom: 1px solid #f1f1f1;
    margin-top: 20px;

    position: relative;
}

.phoneSig-account .phoneSig-reInput {
    width: 100%;
}

.phoneSig-account .phoneSig-reInput .phoneSig-rePhone {
    width: 100%;
}

.phoneSig-account .phoneSig-reDivP {
    position: absolute;
    right: 0;
    color: #eb5d1d;
    font-size: 14px;
    height: 40px;
    line-height: 42px;
    display: none;
}

.phoneSig-account .phoneSig-reDivP2 {
    position: absolute;
    right: 105px;
    color: #eb5d1d;
    font-size: 14px;
    height: 40px;
    line-height: 42px;
    display: none;
}

.phoneSig-myUser .phoneSig-reBtn {
    height: 42px;
    padding-left: 10px;
}

.phoneSig-myUser .phoneSig-reBtn .phoneSig-reBtnA {
    display: inline-block;
    width: 100px;
    height: 42px;
    font-size: 0;
}

.phoneSig-reBtn .phoneSig-reBtnA img {
    width: 100%;
    height: 100%;
}

.phoneSig-myUser .phoneSig-noJustify {
    justify-content: space-between;
}

.phoneSig-myUser .phoneSig-code {
    display: none;
}

.phoneSig-account .phoneSig-reInput .phoneSig-rePhone {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background-color: #ffffff !important;
}

.phoneSig-account .phoneSig-region {
    margin-right: 20px;
}

.phoneSig-region .phoneSig-regionS {
    display: inline-block;
    padding-right: 20px;
    line-height: 30px;
    border-right: 1px solid #f1f1f1;
    color: #797979;
    font-size: 14px;
    width: 85px;
}

.phoneSig-account .phoneSig-reBtn .codeBtn {
    background-color: unset;
    color: #77839c;
    font-size: 14px;
}

.phoneSig-myUser .phoneSig-account2 {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phoneSig-account2 .phoneSig-passSig {
    color: #77839c;
    display: inline-block;
}

.phoneSig-myUser .phoneSig-account3 {
    margin-top: 20px;
}

.phoneSig-account3 .phoneSig-account3-btn .phoneSig-account3-btnA {
    line-height: 40px;
    width: 100%;
    text-align: center;
    display: block;
    color: #ffffff;
    background-color: #eb5d1d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 24px;
    font-size: 16px;
    border: 0;
}

.phoneSig-account3 .phoneSig-account3-register {
    text-align: right;
    margin-top: 5px;
    font-size: 14px;
}

.phoneSig-account3 .phoneSig-account3-register .phoneSig-account3-sp {
    display: inline-block;
}

.phoneSig-account3 .phoneSig-account3-register .phoneSig-account3-a {
    display: inline-block;
    color: #77839c;
}

.phoneSig-myUser .quickLogin {
    margin-top: 30px;
}

.phoneSig-myUser .quickLogin ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.quickLogin ul .quickLogin-li {
    display: inline-block;
}

.quickLogin-li .quickLogin-liA {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 0;
}

.quickLogin-li .quickLogin-liA img {
    width: 100%;
    height: 100%;
}

/* 选择行业职业 */
.phoneSig-myUser .curriculumVitae {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.phoneSig-myUser .selectOther {
    margin-top: 20px;
    display: none;
}

.phoneSig-myUser .Unselected {
    margin-top: 5px;
    text-align: center;
}

.phoneSig-myUser .Unselected .Unselected-Sp {
    display: inline-block;
    color: #eb5d1d;
    font-size: 14px;
    display: none;
}

.selectOther .selectOther-d {
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0 6px;
    box-sizing: border-box;
}

.selectOther .selectOther-d .selectOther-input {
    line-height: 32px;
    width: 100%;
}

.phoneSig-account3 .phoneSig-account-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}

.phoneSig-account3 .phoneSig-account-col label {
    vertical-align: sub;
}

.phoneSig-account3 .phoneSig-account-col .phoneSig-treatySb {
    vertical-align: middle;
}

.phoneSig-account3 .phoneSig-account-col .phoneSig-treatyS {
    display: inline-block;
}

.phoneSig-account3 .phoneSig-account-col .phoneSig-treatyA {
    display: inline-block;
}

/* 我的收藏 */
.RecommendDiary .myColl-title {
    margin-bottom: 20px;
}

.RecommendDiary .myColl-title .myColl-titleS {
    display: inline-block;
    border-bottom: 2px solid #202020;
    padding-bottom: 5px;
    font-size: 16px;
}

.RecommendDiary .diaryContent {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.RecommendDiary .diary-flex {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
}

.RecommendDiary .diaryContent .diaryContent-myLf {
    width: 900px;
}

.RecommendDiary .diaryContent .frAuthor {
    width: 290px;
    height: 100%;
}

.diaryContent .frAuthor .frAuthor-div {
    padding: 10px;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.diaryContent .frAuthor .ifFixed {
    width: 290px;
}

.diaryContent .frAuthor .hotNewsFixed {
    position: fixed;
    top: 10px;
    z-index: 99;
}

.diaryContent .frAuthor .frAuthor-div2 {
    padding: 10px 0;
}

.frAuthor .frAuthor-div .frAuthor-divA {
    display: block;
    font-size: 0;
    line-height: 40px;
    padding: 0 10px;
}

.frAuthor .frAuthor-div .frAuthor-divActive {
    background-color: #eb5d1d;
    color: #ffffff;
}

.frAuthor .frAuthor-div .frAuthor-divA .iconfont {
    font-size: 20px;
    vertical-align: middle;
}

.frAuthor .frAuthor-div .frAuthor-divA .frAuthor-divAs {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 5px;
}

.frAuthor .frAuthor-div .frAuthor-title {
    border-bottom: 1px solid #f1f1f1;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.frAuthor .frAuthor-div .frAuthor-change .frAuthor-changeA {
    display: inline-block;
    font-size: 14px;
}

.frAuthor .frAuthor-div .frAuthor-title .iconfont {
    font-size: 18px;
    vertical-align: middle;
    color: #8590a6;
}

.frAuthor .frAuthor-div .frAuthor-title .frAuthor-iconS {
    display: inline-block;
    margin-left: 5px;
    font-size: 16px;
    vertical-align: middle;
}

.frAuthor-div .frAuthor-Label ul {
    overflow: hidden;
    max-height: 205px;
}

.frAuthor-div .frAuthor-Label ul .frAuthor-Label-li {
    float: left;
    margin: 10px 10px 0 0;
    font-size: 0;
}

.frAuthor-Label ul .frAuthor-Label-li .frAuthor-Label-liA {
    display: inline-block;
    border: 1px solid #cdcdcd;
    padding: 3px 4px;
    color: #cdcdcd;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.frAuthor-Label ul .frAuthor-Label-li .frAuthor-Label-liA:hover {
    display: inline-block;
    border: 1px solid #eb5d1d;
    padding: 3px 4px;
    color: #eb5d1d;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.frAuthor-cont ul .frAuthor-cLi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
}

.frAuthor-cont ul .frAuthor-cLi .frAuthor-cLi-lf {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.frAuthor-cLi-lf .frAuthor-cLi-lfImg .frAuthor-cLiImgA {
    font-size: 0;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.frAuthor-cLi-lfImg .frAuthor-cLiImgA > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.frAuthor-cLi-lf .frAuthor-cLiName {
    margin-left: 5px;
}

.frAuthor-cLi-lf .frAuthor-cLiName .frAuthor-cLiName-a {
    display: block;
    font-size: 16px;
    overflow : hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.frAuthor-cLi-lf .frAuthor-cLiName .frAuthor-cLiName-s {
    display: inline-block;
    color: #eb5d1d;
    border: 1px solid #eb5d1d;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    padding: 0 10px;
    font-size: 12px;
    margin-top: 5px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.frAuthor-Article ul .frAuthor-Article-li {
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
}

.frAuthor-Article ul .frAuthor-Article-li .frAuthor-Article-liA {
    display: inline-block;

}

.frAuthor-Article-li .frAuthor-Article-liA .frAuthor-Article-liAp {
    margin-bottom: 5px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.frAuthor-Article-li .frAuthor-Article-liA .frAuthor-Article-liAp:hover {
    color: #eb5d1d;
}

.frAuthor-Article-li .frAuthor-Article-liA .muted {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
    color: #bbb;
}

.RecommendDiary .diaryPad {
    padding: 60px;
    background-color: #ffffff;
}

.RecommendDiary .diaryPad ul .diaryContent-li {
    background-color: #f1f1f1;
}

.diaryContent ul .diaryContent-li .collectRemove {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 12;
    display: none;
}

.diaryContent-li .collectRemove .collectRemove-a {
    display: inline-block;
    color: #ffffff;
    background-color: #909090;
    padding: 2px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.diaryContent .diaryContent-li .diaryContent-liI {
    padding: 10px 15px;
}

.diaryContent-li .diaryContent-liI .diaryContent-liIA {
    font-size: 24px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.diaryContent-li .diaryContent-liI .diaryContent-liIP {
    font-size: 14px;
    color: #7f7f7f;
    padding: 5px 0;
    display: inline-block;
    border-bottom: 1px solid #202020;
}

.diaryContent-li .diaryContent-liI .diaryContent-noBorder {
    border-bottom: 0;
}

.diaryContent-li .diaryContent-liI ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.diaryContent-liI ul .diaryContent-Ili {
    width: 250px;
    height: 168px;
    font-size: 0;
    display: inline-block;
}

.diaryContent-liI ul .diaryContent-Ili img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.frAuthor-cLi .frAuthor-cLi-fr .frAuthor-cLi-frS {
    font-size: 14px;
    display: inline-block;
    color: #eb5d1d;
}

.frAuthor-cLi .frAuthor-cLi-fr .frAuthor-cLi-frS2 {
    color: #636363;
}

.frAuthor-cLi .frAuthor-cLi-fr .frAuthor-cLi-frS3 {
    color: #eb5d1d;
}

/* 日记动态 */
.dynamicDia-userInfo .dynamicDia-userInfoL {
    display: flex;
    /*justify-content:space-between;*/
    align-items: center;
}

.dynamicDia-userInfoL .dynamicDia-userInfoA {
    display: flex;
    /*justify-content:space-between;*/
    align-items: center;
    font-size: 0px;
}

.dynamicDia-userInfoA .dynamicDia-userInfoAi {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.dynamicDia-userInfoA .dynamicDia-userInfoAs {
    font-size: 16px;
    margin-left: 10px;
}

.dynamicDia-userInfoL .dynamicDia-userInfoS {
    color: #7f7f7f;
    font-size: 12px;
    margin-left: 10px;
    padding-top: 4px;
    display: inline-block;
    cursor: pointer;
}

.dynamicDia-userInfoL .dynamicDia-userInfoS:hover {
    color: #eb5d1d;
}
.dynamicDia ul .dynamicDia-li:hover {
    color: #333;
}
.dynamicDia-li .dynamicDia-userInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dynamicDia-userInfo .dynamicDia-userInfoR .dynamicDia-userInfoTi {
    display: inline-block;
    font-size: 14px;
    color: #7f7f7f;
}

.dynamicDia ul .dynamicDia-li {
    background-color: #ffffff;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid transparent;
}

.dynamicDia ul .dynamicDia-liBorder {
    border-bottom: 1px solid #f1f1f1;
}

.dynamicDia-li .dynamicDia-con {
    padding-left: 50px;
}

.dynamicDia-li .dynamicDia-con .othersFollow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 文章内容 */
.dynamicDia-con .dynamicDia-conH {
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 5px 0 5px 0;
    word-break:break-all;
}

.dynamicDia-li .dynamicDia-con .dynamicDia-conFlex-p {
    text-align: justify;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 5px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dynamicDia-li .dynamicDia-con .dynamicDia-conFlex-p .dynamicDia-conFlex-pA {
    color: #eb5d1d;
}

.dynamicDia-li .dynamicDia-con .dynamicDia-conFlex-p .dynamicDia-conFlex-a {
    color: #eb5d1d;
}

.dynamicDia-con .dynamicDia-Notice > p {
    text-align: justify;
    font-size: 14px;
    line-height: 22px;
}

.dynamicDia-con .dynamicDia-conFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f1f1f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.dynamicDia-con .dynamicDia-subject {
    background-color: #f1f1f1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 16px;
}

.dynamicDia-con .dynamicDia-Reply .minReply-frame {
    display: none;
}

.dynamicDia-con .dynamicDia-subject .dynamicDia-subTon {
    font-size: 12px;
    line-height: 21px;
    word-break: break-all;
    text-align: justify;
}

.dynamicDia-con .dynamicDia-subject .dynamicDia-subTon .dynamicDia-subTonS {
    display: inline-block;
    color: #808080;
}

.dynamicDia-con .dynamicDia-subject .dynamicDia-subTon .dynamicDia-subTonA {

}

.dynamicDia-con .dynamicDia-subject .dynamicDia-subTon .dynamicDia-subTonA:hover {
    color: #eb5d1d;
}

.dynamicDia-con .dynamicDia-Reply .dynamicDia-ReplyT {
    text-align: right;
    height: 30px;
    line-height: 30px;
}

.dynamicDia-con .dynamicDia-Reply .dynamicDia-ReplyT .dynamicDia-ReplyA {
    display: inline-block;
    color: #808080;
    font-size: 12px;
}

.dynamicDia-conFlex .dynamicDia-conFlexL {
    padding: 10px 12px;
}

.othersFollow .othersFollow-l .othersFollow-ls {
    color: #a8a8a8;
    display: inline-block;
}

.othersFollow .othersFollow-r .othersFollow-rA {
    display: inline-block;
    border: 1px solid #eb5d1d;
    color: #eb5d1d;
    padding: 5px 8px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

.dynamicDia-conFlex .dynamicDia-conFlexL .dynamicDia-FlexL-p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
    line-height: 23px;
    font-size: 12px;
    word-break:break-all;
}

.dynamicDia-conFlex .dynamicDia-conFlexL .dynamicDia-FlexL-p .dynamicDia-FlexL-pa {
    color: #7f7f7f;
}

.dynamicDia-conFlex .dynamicDia-conFlexL .dynamicDia-FlexL-p .dynamicDia-FlexL-pa2 {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.dynamicDia-conFlex .dynamicDia-conFlexL .dynamicDia-FlexL-p .dynamicDia-FlexL-pa2:hover {
    color: #eb5d1d;
}

.dynamicDia-conFlex .dynamicDia-conFlexL .dynamicDia-conFlexLA {
    font-size: 24px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dynamicDia-conFlexL .dynamicDia-FlexL-d {
    margin-top: 10px;
}

.dynamicDia-conFlexL .dynamicDia-FlexL-s {
    width: 70px;
    height: 1px;
    display: inline-block;
    background-color: #202020;
    margin-top: 30px;
}

.dynamicDia-conFlexL .dynamicDia-FlexL-s1 {
    width: 70px;
    height: 1px;
    display: inline-block;
    background-color: #202020;
}

.dynamicDia-FlexL-d ul .dynamicDia-FlexL-li {
    font-size: 0;
    display: inline-block;
    border-right: 1px solid #8590a6;
    padding: 0 8px 0 8px;
    line-height: 20px;
}

.dynamicDia-FlexL-d ul .dynamicDia-FlexL-li:last-child {
    border-right: 0;
}

.dynamicDia-FlexL-li .dynamicDia-FlexL-img {
    display: inline-block;
    vertical-align: middle;
    color: #8590a6;
    text-align: center;
}

.dynamicDia-FlexL-li .dynamicDia-FlexL-span {
    color: #8590a6;
    font-size: 12px;
    vertical-align: middle;
    margin-left: 5px;
}

.dynamicDia-conFlexR .dynamicDia-FlexRA {
    display: block;
    width: 320px;
    height: 216px;
    font-size: 0;
}

.dynamicDia-conFlexR .dynamicDia-FlexRA .dynamicDia-FlexRAImg {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.dynamicDia-con .dynamicDia-conFlex .dynamicDia-conFlexA {
    display: block;
    width: 250px;
    height: 207px;
    font-size: 0;
}

.dynamicDia-conFlexA .dynamicDia-conFlexAImg {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

/* 用户反馈 */
.helpFeed .helpFeed-Top {
    background-color: #ffffff;
    padding: 50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.helpFeed-Top ul .helpFeed-TopLi {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;
}

.helpFeed-Top ul .helpFeed-TopLi .helpFeed-TopLiA {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 700;
    word-break:break-all;
}

.helpFeed-Top ul .helpFeed-TopLi .helpFeed-TopLiP {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.5;
    word-break:break-all;
    display: none;
    color: #777777;
    text-align: justify;
}

.helpFeed-Top .helpFeed-Top-title .helpFeed-Top-titleS {
    font-size: 16px;
    display: inline-block;
    line-height: 45px;
}

.helpFeed-Top .helpFeed-Top-textArea textarea {
    width: 100%;
    height: 200px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    resize: none;
    font-size: 14px;
    outline: none;
}

.helpFeed-Top .helpFeed-Top-btn {
    text-align: right;
    margin-top: 40px;
}

.helpFeed-Top .helpFeed-Top-btn .helpFeed-Top-sub {
    display: inline-block;
    font-size: 16px;
    background-color: #eb5d1d;
    color: #ffffff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    padding: 10px 30px;
}

/* 个人中心 */
.information-top .information-info {
    text-align: center;
    position: relative;
}

.information-info .information-portrait {
    display: inline-block;
    font-size: 0;
    margin-right: 10px;
}

.information-info .information-portrait img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover;
}

.information .information-top {
    position: relative;
    padding: 50px 0;
}

.information-info .information-portInfo {
    display: inline-block;
    vertical-align: middle;
    max-width: 500px;
    text-align: left;
}

.information-portInfo .information-portInfoH {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.information-portInfo .information-portInfoP {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 5px 0 10px 0;
}

.information-portInfo .information-portInfoSp {
    display: inline-block;
    background-color: #eb5d1d;
    color: #ffffff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    padding: 2px 12px;
}

.information-portInfo .information-portInfoSf {
    display: inline-block;
    color: #ffffff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    padding: 2px 12px;
}

.information-top .information-follow {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.information-portInfoSf .information-followA {
    display: inline-block;
    width: 80px;
    color: #eb5d1d;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    font-size: 14px;
    border: 1px solid #eb5d1d;
    height: 30px;
    line-height: 30px;
}

.information-follow .information-Active {
    border: 1px solid #d4d4d4;
    color: #636363;
}

.information-con .information-conB {
    margin-top: 20px;
    position: relative;
}

.information-con .information-conB .infoContent-no {
    text-align: center;
}

.information-con .information-conB .infoContent-no .infoContent-noS {
    display: inline-block;
    font-size: 14px;
    color: #999999;
    vertical-align: middle;
}

.information-con .information-conB .information-conBv {
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.information-con .information-conB .information-conActive {
    opacity: 1;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.information-conBv .information-private {
    margin-bottom: 10px;
}

.information-conBv .information-private .information-private-che {
    padding: 0 10px;
}

.information-private .information-private-che .information-private-cheA {
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
    color: #999999;
}

.information-private .information-private-che .information-private-cheA:hover {
    color: #eb5d1d;
}

.information-private .information-private-che .information-private-cheActive {
    color: #eb5d1d;
}

.information-con .information-conT {
    background-color: #ffffff;
    padding: 30px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.information-conT .information-conTLi {
    display: inline-block;
    border-right: 1px solid #c4c4c4;

}

.information-conTLi .information-conTLiA {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    padding: 0 30px;
}

.information-conTLi .information-conTLiActive {
    color: #eb5d1d;
}

.information-conT .information-conTLi:last-child {
    border: none;
}

.information-conTLiA .information-conTLiAp2 {
    margin-top: 5px;
}

.information-diaryType .inform-diaryTypeLi {
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 290px;
    margin-bottom: 10px;
}

.inform-diaryTypeLi .inform-diaryTypeLi-d1 {
    height: 160px;
    font-size: 0;
    margin-bottom: 5px;
}

.inform-diaryTypeLi .inform-diaryTypeLi-d1 .inform-diaryTypeLi-pImg {
    width: 290px;
    height: 165px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover;
}

.inform-diaryTypeLi .inform-diaryTypeLi-d2 {
    padding: 10px;
}

.inform-diaryTypeLi .inform-diaryTypeLi-d2 .inform-diaryTypeLi-p2 {
    font-size: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.inform-diaryTypeLi .inform-diaryTypeLi-d2 .inform-diaryTypeLi-sp {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 5px 0;
    color: #7f7f7f;
}

.inform-diaryTypeLi .inform-diaryTypeLi-d2 .inform-diaryTypeLi-p3 {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
    line-height: 1.6;
    word-break:break-all;
}

.inform-diaryTypeLi-d2 .inform-diaryTypeLi-d3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.inform-diaryTypeLi-dR .inform-diaryTypeLi-li {
    display: inline-block;
}

.inform-diaryTypeLi-dL .inform-diaryTypeLi-dLA {
    display: inline-block;
    color: #ffffff;
    background-color: #eb5d1d;
    padding: 2px 8px;
    font-size: 12px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    vertical-align: middle;
}

.inform-diaryTypeLi-dR .inform-diaryTypeLi-li {
    font-size: 0;
    display: inline-block;
    border-right: 1px solid #7f7f7f;
    padding: 0 5px 0 5px;
}

.inform-diaryTypeLi-dR .inform-diaryTypeLi-li:last-child {
    border: 0;
}

.inform-diaryTypeLi-li .inform-diaryTypeLi-lImg {
    display: inline-block;
    vertical-align: middle;
    color: #8590a6;
    text-align: center;
}

.inform-diaryTypeLi-li .inform-diaryTypeLi-lSp {
    color: #8590a6;
    font-size: 12px;
    vertical-align: middle;
    margin-left: 5px;
}

.information-diaryType .wall-column {
    display: block;
    position: relative;
    width: 290px;
    float: left;
    box-sizing: border-box;
    margin: 0 5px;
}

.information-conB .information-diaryType {
    overflow: hidden;
}

.inform-diaryTypeLi-like .inform-diaryTypeLi-likeA {
    font-size: 0;
    width: 16px;
    height: 16px;
}

.inform-diaryTypeLi-like .inform-diaryTypeLi-likeA > img {
    width: 100%;
    height: 100%;
}

.information-diaryType .information-follow {
    background-color: #ffffff;
    padding: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.information-follow ul .information-followLi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #f1f1f1;
}

.information-followLi .information-followLf {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.information-followLf .information-followImg .information-followImgA {
    width: 60px;
    height: 60px;
    font-size: 0;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.information-followImg .information-followImgA img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.information-followInfo .information-followInD1 .information-followInfoA {
    display: inline-block;
    font-size: 20px;
    vertical-align: middle;
}

.information-followInfo .information-followInD1 .information-followInfoSp {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    padding: 2px 8px;
    color: #ffffff;
    background-color: #eb5d1d;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

.information-followInD2 ul .information-followInD2-li {
    display: inline-block;
    border-right: 1px solid #7f7f7f;
    padding: 0 8px 0 0;
    font-size: 16px;
    margin-right: 5px;
}

.information-followInD2 ul .information-followInD2-li:last-child {
    border: 0;
}

.information-followLf .information-followInfo {
    margin-left: 10px;
}

.information-followInfo .information-followInD2 {
    margin: 4px 0;
}

.information-followFr .information-followFrA {
    display: inline-block;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    width: 80px;
    color: #eb5d1d;
    text-align: center;
    line-height: 25px;
    border: 1px solid #eb5d1d;
}

.information-followFr .information-iMutual {
    border: 1px solid #eb5d1d;
    color: #eb5d1d;
}

.information-followFr .information-noSwitch {
    border: 1px solid #d4d4d4;
    color: #636363;
}

/* 行业圈友 */
.diaryTitle-frTab ul .diaryTitle-frTab-li {
    display: inline-block;
    margin-left: 10px;
}

.diaryTitle-frTab-li .diaryTitle-frTab-liA {
    display: inline-block;
    font-size: 14px;
}

.diaryTitle-frTab-li .diaryTitle-frTab-liActive {
    color: #eb5d1d;
}

.industryFi .RecommendDiary .authorTent ul {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: inherit;
}

.industryFi .RecommendDiary ul .authorTent-li {
    margin: 0 12px 12px 0;
}

.industryFi .RecommendDiary ul .authorTent-li:nth-child(4n) {
    margin: 0 0 12px 0;
}

.authorTent-Middle .authorTent-follow .authorTent-iActive {
    border: 1px solid #d4d4d4;
    color: #636363;
}

.authorTent-Middle .authorTent-follow .authorTent-iMutual {
    border: 1px solid #eb5d1d;
    color: #eb5d1d;
}

/* 消息列表 */
.content .compNews .compNewsCon {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
}

.compNewsCon .compNewsConLf {
    width: 230px;
    height: 70vh;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.compNewsCon .compNewsConLf > ul {
    background-color: #ffffff;
}

.compNewsCon .compNewsConFr {
    width: 930px;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.compNewsCon .compNewsConWidth {
    width: 100% !important;
}

.compNewsConLf ul .compNewsConLf-li {
    padding: 5px 0;
}

.compNewsConLf ul .compNewsConLf-li .compNewsConLf-liA {
    display: block;
    font-size: 14px;
    line-height: 30px;
    padding-left: 10px;
    border-left: 2px solid transparent;
    margin-left: 3px;
}

.compNewsConLf ul .compNewsConLf-li .compNewsConLf-liActive {
    border-left: 2px solid #eb5d1d;
}

.compNewsConLf ul .compNewsConLf-li .compNewsConLf-liA:hover {
    border-left: 2px solid #eb5d1d;
}

/* 头条详情页 */
.content .detailsPage {
    padding: 30px 100px;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    position: relative;
}

.content .detailsPage .detailsCon {
    position: relative;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.detailsCon .detailsCon-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #f1f1f1;
}

.detailsCon .detailsCon-h1 {
    font-size: 32px;
    font-weight: 700;
    text-align: justify;
}

.detailsCon-info .detailsCon-infoL {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.detailsCon-infoL .detailsCon-infoLA {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    font-size: 0;
}

.detailsCon-infoL .detailsCon-infoL-ul {
    margin-left: 20px;
}

.detailsCon-infoL .detailsCon-infoL-ul .detailsCon-infoL-li {
    display: inline-block;
    margin-right: 4px;
    font-size: 11px;
    color: #8590a6;
    border: 1px solid #8590a6;
    padding: 0px 2px;
}

.detailsCon-infoL .detailsCon-infoLA .detailsCon-infoLAImg {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.detailsCon-infoL .detailsCon-infoLA .detailsCon-infoLAs {
    display: block;
    font-size: 16px;
}

.detailsCon-infoL .detailsCon-infoLA .detailsCon-infoLAd {
    margin-left: 10px;
}

.detailsCon-infoL .detailsCon-infoLA .detailsCon-infoLAs2 {
    display: inline-block;
    background-color: #eb5d1d;
    color: #ffffff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    max-width: 120px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    margin-top: 2px;
    text-align: center;
    padding: 0 10px;
}

.detailsCon-infoR ul .detailsCon-infoRLi {
    display: inline-block;
    border-right: 1px solid #7f7f7f;
    padding: 0 10px;
}

.detailsCon-infoR ul .tag {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    text-align: center;
   /*  color: #eb5d1d; */
    border: 1px solid #ccccd8;
    cursor: pointer;
    border-radius: 15px;
    padding: 0 10px;
    font-size: 12px;
}

.detailsCon-infoR ul .detailsCon-infoRLi:last-child {
    padding-right: 0;
    border-right: 0;
}

.detailsCon-infoR ul .detailsCon-infoRLi .detailsCon-infoRLiS {
    color: #7f7f7f;
    display: inline-block;
    font-size: 14px;
}

.detailsPage .detailsCon .detailsCon-Text {
    font-size: 15px;
    line-height: 25px;
    word-wrap: break-word;
}

.detailsPage .detailsCon .detailsCon-Text p {
   	margin-top: 18px;
	margin-bottom: 18px;
	margin: 0;
    padding: 0;
    border: 0;
}

.detailsPage .detailsCon .detailsCon-Text pre {
    margin: 10px 0;
    text-align: justify;
    text-indent: 2em;
    word-break:break-all;

    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.detailsPage .detailsCon .detailsCon-Text img {
    max-width: 100%;
}

.detailsPage .detailsCon .detailsCon-Text table {
    margin: 0 auto;
}

.detailsPage .HeiLimited-com {
    position: relative;
}

.detailsPage .HeiLimited-com .HeiLimited-flex {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    padding-top: 160px;
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,0)),color-stop(70%, #fff));
    background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%);
    text-align: center;
}

.HeiLimited-com .HeiLimited-flex .detailPostA {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 0 8px;
    display: inline-block;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    border: none;
    background-color: transparent;
    height: 34px;
    line-height: 32px;
    min-width: 72px;
    cursor: pointer;
    color: #eb5d1d;
    border: 1px solid #eb5d1d;
}


.detailsCon .detailsCon-num {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff8f5;
    padding: 30px 20px;
    margin: 20px 0;
}

.detailsCon .detailsCon-num .detailsCon-numL {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detailsCon .detailsCon-num .detailsCon-giveUp {
    font-size: 0;
    margin-right: 100px;
}

.detailsCon-num .detailsCon-giveUp img {
    width: 23px;
    height: 23px;
    vertical-align: middle;
}

.detailsCon-num .detailsCon-giveUp .detailsCon-giveUpS {
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
    font-size: 13px;
}

.detailsCon-num .detailsCon-numR .detailsCon-share {
    margin-right: 200px;
    font-size: 0;
    position: relative;
}

.detailsCon-num .detailsCon-numR .detailsCon-share .detailsCon-shareImg {
    width: 23px;
    height: 23px;
    cursor: pointer;
}

.detailsCon-numR .detailsCon-share .detailsCon-shareLink {
    width: 310px;
    position: absolute;
    top: -85px;
    left: -140px;
    background-color: #ffffff;
    padding: 10px 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 0 0 10px rgba(220, 220, 220, 1);  -moz-box-shadow: 0 0 10px rgba(220, 220, 220, 1); box-shadow: 0 0 10px rgba(220, 220, 220, 1);
    display: none;
}

.detailsCon-share .detailsCon-shareLink .detailsCon-shareLinkA {
    width: 50px;
    height: 50px;
    font-size: 0;
    display: inline-block;
    margin: 0 10px;
}

.detailsCon-share .detailsCon-shareLink .detailsCon-shareLinkA > img {
    width: 100%;
    height: 100%;
}

/*向下*/
.triangle_border_down{
    display: inline-block;
    left: -8px;
    top: -16px;
    width: 0;
    height: 0;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: #ffffff transparent transparent;/*灰 透明 透明 */
    position: absolute;
    display: none;
}

/* 喜欢!收藏 */
.detailsCon .copExplain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f1f1f1;
    padding: 20px 0;
    margin-bottom: 20px;
}

.copExplain .copExplainL .copExplainL-p {
    display: inline-block;
    border: 1px solid #202020;
    font-size: 12px;
    padding: 5px;
}

.copExplain .copExplainL .copExplainL-p .copExplainL-pA {
    display: inline-block;
    color: #eb5d1d;
}

.detailsCon .likeCollection {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.likeCollection .likeCollectionL {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.likeCollectionL .clickLike {
    font-size: 0;
    margin-right: 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    padding: 5px 12px;
    cursor: pointer;
    color: #8590a6;
    /* 禁止双击出现背景 */
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

.likeCollectionL .clickLikeXz {
    color: #eb5d1d;
}

.likeCollectionL .clickLike .clickLike-img {
    vertical-align: middle;
}

.likeCollectionL .clickLike .clickLike-p {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
}

.likeCollection .likeCollectionR .likeCollectionRA {
    font-size: 12px;
    margin-left: 12px;
    float: right;
}

.likeCollection .likeCollectionR .likeCollectionRA > img {
    width: 100%;
    height: 100%;
}

/*举报弹出*/
.detailsCon .Report-fixed {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 19999;

    display: none;
}

.Report-fixed .Report-fBg {
    background-color: black;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.Report-fixed .Report-block {
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 1px 1px 50px rgba(0,0,0,.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    background-color: #ffffff;
    width: 420px;
}

.Report-block .Report-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #ececec;
}

.Report-title .Report-text {
    font-size: 18px;
}

.Report-title .Report-Close .iconfont {
    cursor: pointer;
}

.Report-block .Report-content {
    padding: 15px;
}

.Report-content .Report-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.Report-flex .Report-radio {
    cursor: pointer;
}

.Report-flex .Report-radio label {
    font-size: 14px;
    cursor: pointer;
}

.Report-content .Report-textArea {
    padding: 20px 0;
}

.Report-content .Report-textArea textarea {
    width: 100%;
    height: 75px;
    padding: 8px 10px;
    border: 1px solid #ececec;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    resize: none;
    outline:none;
    word-break: break-all;
}

.Report-content .Report-submit {
    text-align: right;
    font-size: 0;
}

.Report-submit .Report-submitA {
    display: inline-block;
    font-size: 14px;
    padding: 0px 10px;
    height: 22px;
    line-height: 22px;
}

.Report-submit .Report-confirm {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    background-color: #eb5d1d;
    color: #ffffff;
}

/* 发表评论 */
.detailsPage .evaluate {

}

.evaluate .evaluateFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0;
}

.evaluate .evaluateFlex .evaluateFlex-L {
    width: 850px;
    font-size: 0;
    position: relative;
}

.evaluate .evaluateFlex .evaluateFlex-L .emoji-picker-icon {
    right: 10px;
}

.evaluate .evaluateFlex .evaluateFlex-LTextArea {
    width: 100%;
    height: 60px;
    font-size: 14px;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    outline: none;
    resize: none;
}

.evaluateFlex .evaluateFlex-R .evaluateFlex-RA {
    font-size: 16px;
    display: inline-block;
    color: #ffffff;
    background-color: #eb5d1d;
    padding: 8px 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

.userEvaluate .userEvaluate-plS {
    border-bottom: 1px solid #202020;
    padding-bottom: 2px;
}

.userEvaluate .userEvaluate-plS .userEvaluate-sP {
    font-size: 18px;
}

.userEvaluate-plS .userEvaluate-sP .userEvaluate-sPs {
    display: inline-block;
    font-size: 14px;
    color: #7f7f7f;
    margin-left: 5px;
}

.userEvaluate-col ul .userEvaluate-colLi {
    display: flex;
    padding: 10px 0;
    /*justify-content: space-between;
    align-items: center;*/
    border-bottom: 1px solid #f6f6f6;
}

.userEvaluate-colLi .userEvaluate-liItem .userEvaluate-liItemA {
    font-size: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.userEvaluate-colLi .userEvaluate-liItem .userEvaluate-liItemA > img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.userEvaluate-colLi .userEvaluate-liCon {
    font-size: 14px;
    margin-left: 10px;
    width: 100%;
}

.userEvaluate-liTit .userEvaluate-liTitL > span {
    display: inline-block;
}

.userEvaluate-liTit .userEvaluate-liTitL .userEvaluate-liTitLC {
    color: #eb5d1d;
}

.userEvaluate-liTit .userEvaluate-liTitL .userEvaluate-liTime {
    color: #7f7f7f;
    margin-left: 10px;
}

.userEvaluate-colLi .userEvaluate-liCon .userEvaluate-liTit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
}

.userEvaluate-colLi .userEvaluate-liItem {
    font-size: 0;
}

.userEvaluate-liTit .userEvaluate-liTitR {
    color: #7f7f7f;
}

.userEvaluate-liTit .userEvaluate-liTitR > span {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}

.userEvaluate-liTit .userEvaluate-liTitR .userEvaluate-Reply {
    border-right: 1px solid #7f7f7f;
    padding-right: 10px;
}

.userEvaluate-liCon .userEvaluate-liText .userEvaluate-liTextP {
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    word-break:break-all;
}

.userEvaluate-liText .userEvaluate-minReply ul {

}

.userEvaluate-liText .userEvaluate-minReply .OtherReply {
    margin-top: 10px;
    border-top: 1px solid #f6f6f6;
    padding-top: 5px;
}

.userEvaluate-minReply .OtherReply .OtherReplyA {
    font-size: 14px;
    display: inline-block;
    line-height: 21px;
    color: #eb7350;
}

.userEvaluate-liText .userEvaluate-minReply ul .minReply-li {
    margin-bottom: 10px;
}

.userEvaluate-liText .userEvaluate-minReply ul .minReply-li:last-child {
    margin-bottom: 0;
}

.userEvaluate-minReply ul .minReply-li .minReply-liFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.userEvaluate-minReply ul .minReply-li .minReply-liTime .minReply-liTimeS {
    display: inline-block;
    font-size: 12px;
    color: #7f7f7f;
    line-height: 16px;
    text-decoration: none;
    margin-top: 2px;
}

.minReply-li .minReply-liLf .minReply-liLf-a {
    color: #7f7f7f;
    display: inline-block;
}

.userEvaluate-minReply .minReply-li .minReply-liLf {
    max-width: 800px;
    word-break:break-all;
}

.userEvaluate-minReply .minReply-li .minReply-liRf .minReply-liRf-sp {
    display: inline-block;
    color: #7f7f7f;
    cursor: pointer;
}

.minReply-frame .minReply-frameD {
    position: relative;
    margin: 10px 0 10px 0;
}

.minReply-frame .minReply-noMarG {
    margin: 0 auto;
    width: 850px;
}

.minReply-frame .minReply-frameSp {
    display: block;
    width: 0;
    height: 0;
    border-width: 0 13px 13px;
    border-style: solid;
    border-color: transparent transparent #ffffff;
    position: absolute;
    top: -8px;
    right: 0px;
}

.minReply-frame .minReply-frameD .minReply-input {
    width: 100%;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    resize: none;
    outline: 0;
    transition: all .4s;
    background-color: #ffffff;
    border: 1px solid #ffc09f;
    padding-left: 10px;
}

.minReply-frame .minReply-frameD .minReply-DBtn {
    background-color: #ffc09f;
    width: 110px;
    height: 100%;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.userEvaluate-liCon .userEvaluate-liText .minReply-frame {
    display: none;
    padding: 15px;
    background-color: #ffffff;
    margin-top: 10px;

    position: relative;
}

.userEvaluate-liCon .userEvaluate-liText .minReply-fMain {
    padding: 0;
}

.userEvaluate-liCon .userEvaluate-liText .userEvaluate-minReply {
    background-color: #f1f1f1;
    padding: 10px;
    margin-top: 5px;
    display: none;
}

.userEvaluate-liCon .userEvaluate-liText .userEvaluate-minShow {
    display: block;
}

/* 查看更多评论 */
.userEvaluate .MoreCom .MoreComA {
    display: block;
    margin: 50px 0;
    text-align: center;
    color: #eb5d1d;
}

/* 首页搜索 */
.headline-header .searchBox {
    position: relative;
}

.headline-header .searchBox .HistoryColumn {
    position: absolute;
    top: 65px;
    z-index: 222;
    background-color: #ffffff;
    width: 600px;
    padding: 10px 20px;
    -webkit-box-shadow: 0 0 10px rgba(220, 220, 220, 1);  -moz-box-shadow: 0 0 10px rgba(220, 220, 220, 1); box-shadow: 0 0 10px rgba(220, 220, 220, 1);
    display: none;
}

.headline-header .searchBox .HistoryColumn .searchHove {
    display: none;
}

.HistoryColumn .SearchHistory .recentSearch {
    color: #b0b0b0;
    font-size: 16px;
}

.HistoryColumn .SearchHistory .emptyRecord {
    text-align: center;
    color: #b0b0b0;
    font-size: 14px;
    margin-top: 10px;
    cursor: pointer;
}

.HistoryColumn .SearchHistory ul .SearchHistory-li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.SearchHistory-li .SearchHistory-liD {
    font-size: 0;
    cursor: pointer;
}

.SearchHistory-li .SearchHistory-liD2 {
    font-size: 0;
    cursor: pointer;
}

.SearchHistory-li .SearchHistory-liD2 > img {
    width: 16px;
    height: 16px;
}

.SearchHistory-li .SearchHistory-liD .SearchHistory-liDs {
    display: inline-block;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.SearchHistory-li .SearchHistory-liD .SearchHistory-liDs:hover {
    color: #eb5d1d;
}

.searchBox-Exhibition .searchBox-input {
    width: 600px;
    position: relative;
}

.searchBox-Exhibition .searchBox-input .SearchCon {
    width: 100%;
    display: block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    resize: none;
    outline: 0;
    transition: all .4s;
    background-color: #ffffff;
    border-bottom: 1px solid #eb5d1d;
    padding-left: 30px;
}

.searchBox .HistoryColumn .recommend {
    margin-top: 10px;
}

.searchBox-Exhibition .searchBox-input .SearchBtn {
    width: 110px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    color: #ffffff;
    font-size: 16px;
    background-color: #eb5d1d;
}

.searchBox-Exhibition .searchBox-input .SearchBtn2 {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: transparent;
    border: 0;
}

.searchBox-Exhibition .searchBox-input .SearchBtn2 .SearchBtnI {
    width: 100%;
    height: 100%;
    font-size: 27px;
    color: #eb5d1d;
}

.searchBox-Exhibition .searchBox-input .SearchClose {
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 17px;
    z-index: 11;
    font-size: 0;
}

/* 回到顶部 */
.backTop {
    position: fixed;
    bottom: 140px;
    left: 50%;
    margin-left: 605px;
}

.backTop .backTop-li .back_to_top {
    width: 40px;
    height: 40px;
    font-size: 0;
    display: none;
}

.backTop .backTop-li .back_to_top img {
    width: 100%;
    height: 100%;
}


/* 个人中心 */

.compNewsCon .compNewsConFr .userSettings {
    padding: 0 30px;
}

.compNewsConFr .userSettings .userSettings-con {
    display: none;
}

.compNewsConFr .userSettings .userSettings-block {
    display: block;
}

.userSettings .userSettings-con .userSettings-title {
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #e0e0e0;
}

.userSettings .userSettings-con .userSettings-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.userSettings-cList .userSettings-lb ul .userSettings-lb-li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #e0e0e0;
}

.userSettings-lb ul .userSettings-lb-li .userSettings-lb-liA {
    display: inline-block;
    width: 650px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    color: #4d4d4d;
    font-size: 16px;
}

.userSettings-lb ul .userSettings-lb-li .userSettings-lb-liA:hover {
    color: #eb5d1d;
}

.userSettings-lb-li .userSettings-lb-liD .userSettings-lb-liDs {
    display: inline-block;
    color: #ccc;
    margin-right: 15px;
    font-size: 14px;
}

.userSettings-lb-li .userSettings-lb-liD .userSettings-lb-liDs2 {
    display: inline-block;
    color: #999;
    cursor: pointer;
    font-size: 14px;
}

.userSettings-lb-li .userSettings-lb-liD .userSettings-lb-liDs2:hover {
    color: #eb5d1d;
}

.userSettings .userSettings-con .userSettings-title > h3 {
    font-size: 21px;
    color: #3d3d3d;
}

.userSettings-con .userSettings-cList {
    padding: 30px 0 30px;
}

.userSettings-con .userSettings-noPadding {
    padding: 10px 0 30px;
}

.userSettings-con .userSettings-cList > ul {
    width: 400px;
}

.userSettings-con .userSettings-cList > ul .userSettings-cList-li {
    position: relative;
    margin-bottom: 35px;
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.userSettings-con .process {
    padding-top: 30px;
}

.process .process-text .process-p {
    font-size: 14px;
    line-height: 1.5;
    color: #888888;
}

.userSettings-cList > ul .userSettings-cList-li .promptMsg {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 37px;
    font-size: 12px;
    color: #eb5d1d;
    z-index: 90;
}

.userSettings-cList > ul .userSettings-cList-li .promptMsgP {
    display: inline-block;
    position: absolute;
    right: 5px;
    bottom: -20px;
    font-size: 12px;
    color: #999999;
    z-index: 90;
}

.userSettings-cList > ul .userSettings-cList-li .promptMsgP .promptMsg2 {
    color: #8590a6;
}

.userSettings-cList > ul .userSettings-cList-li .ObtainCode {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 5px;
    font-size: 12px;
    background-color: unset;
    color: #77839c;
    cursor: pointer;
}

.userSettings-con .userSettings-cList > ul .userSettings-upHeadPort {
    justify-content: initial;
}

.userSettings-cList > ul .userSettings-upHeadPort .upHeadPort {
    margin-left: 50px;
    font-size: 0;
    border: 1px solid #eb5d1d;
    padding: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.userSettings-cList > ul .userSettings-upHeadPort .upHeadPort > img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.userSettings-cList > ul .userSettings-cList-li .setSubmitBtn {
    border: none;
    width: 100px;
    font-size: 16px;
    background-color: #39f;
    color: #ffffff;
    padding: 5px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.userSettings-cList > ul .userSettings-cList-li .currentPhone {
    font-size: 14px;
    color: #4d4d4d;
    margin-left: 50px;
}

.userSettings-cList > ul .userSettings-cList-li label {
    width: 100px;
    text-align: right;
    font-size: 14px;
    color: #4d4d4d;
    vertical-align: middle;
}

.userSettings-cList > ul .userSettings-cList-li .userSettings-cList-input {
    width: 250px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    color: #4d4d4d;
    padding: 0 5px;
}

.userSettings-cList > ul .userSettings-cList-li .userSettings-cList-textarea {
    width: 250px;
    max-height: 200px;
    line-height: 30px;
    margin-left: 12px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 6px;
    font-size: 14px;
    color: #4d4d4d;
    resize: none;
    outline:none;
}

.userSettings-cList > ul .userSettings-cList-li .setWrapUp {
    position: relative;
}

.userSettings-cList > ul .userSettings-cList-li .searchable-select {
    width: 250px;
}

.userSettings-cList > ul .userSettings-cList-li .forgetP-cList-p {
    width: 100%;
    font-size: 16px;
    text-align: center;
}

.userSettings-cList > ul .userSettings-cList-li .forgetP-cList-a {
    width: 200px;
    margin: 0 auto;
    font-size: 16px;
    background-color: #eb5d1d;
    color: #ffffff;
    padding: 5px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: block;
    text-align: center;
}

.userSettings-cList-li .searchable-select .searchable-select-holder {
    border-color: #ccc;
}

.userSettings-cList-li .upToImg-me {
    margin-left: 10px;
}

.userSettings-cList-li .upToImg-me .replaceImg {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    color: #3399ea;
}

/* 页面没有内容时候展示 */
.noContent {
    text-align: center;
    font-size: 0;
    margin-top: 100px;
    height: 500px;
    position: relative;
}

.noContent .noContent-col {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.noContent .noContent-col .noContent-colI {
    max-width: 100%;
}

/* 编辑文章页面样式 */
.content .compNews .postEdit {
    background-color: #ffffff;
}
.postEdit .main-wrapper {
    display: flex;
    /*justify-content: space-between;
    align-items: center;*/
}

.postEdit .main-wrapper .main-wrapper-cm {
    height: 70vh;
    border-right: 1px solid #eeeeee;
}

.postEdit .main-wrapper .sidebar-offcanvas {
    width: 200px;
}

.sidebar-offcanvas .list-group {
    border-bottom: 1px solid #eeeeee;
}

.sidebar-offcanvas > .list-group-item {
    display: block;
    line-height: 40px;
    text-align: left;
    font-size: 14px;
    padding-left: 20px;
    color: #bbbbbb;
}

.sidebar-offcanvas .list-group .list-group-item {
    display: block;
    line-height: 50px;
    text-align: left;
    font-size: 14px;
    padding-left: 40px;
}

.sidebar-offcanvas .list-group .list-group-item:hover {
    background-color: #eb5d1d;
    color: #ffffff;
}

.sidebar-offcanvas .list-group .list-group-active {
    background-color: #eb5d1d;
    color: #ffffff;
}


/* 右侧输入框 */
.sidebar-conBody .title-box .title-boxInput {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 16px;
    border: none;
    background-color: #efefef;
    color: #4f4f4f;
}

.postEdit .main-wrapper .sidebar-conBody {
    width: 1010px;
    padding: 25px;
}

.main-wrapper .sidebar-conBody .title-box {
    margin-bottom: 25px;
}

.sidebar-conBody .tab-content {
    margin-top: 10px;
}

.comment-list-item ul .comment-list-li {
    padding: 7px 0 12px;
    font-size: 14px;
    color: #4F4F4F;
    line-height: 22px;
    border-bottom: 1px dashed #DDDDDD;
}

.comment-list-li .content-box .content-box-title {
    margin-bottom: 8px;
    min-height: 22px;
    color: #999;
}

.content-box .content-box-title .opt-boxR {
    float: right;
    height: 22px;
    display: none;
}

.content-box .content-box-title .opt-boxR .opt-boxShow {
    display: inline-block;
    color: #eb5d1d;
}

.content-box .content-box-title > span {
    margin-right: 8px;
}

.content-box .content-box-title .user-name {
    color: #202020;
}

.content-box .content-box-title .article-title {
    color: #349EDF;
}

.comment-list-li .content-box .comment-box-con {
    position: relative;
    margin-top: 8px;
    line-height: 22px;
    word-wrap: break-word;
}

.content-box .reply-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 5px;
    padding: 5px 0;
}

.content-box .wyd-n {
    display: none;
}

.content-box .reply-box .wImg-box {
    margin-right: 8px;
    font-size: 0;
    line-height: 1;
}

.content-box .reply-box .wImg-box .wImg-boxI {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.content-box .reply-box .wIpt-box {
    margin-right: 8px;
    width: 100%;
}

.content-box .reply-box .wIpt-box .txt {
    display: block;
    width: 100%;
    height: 32px;
    padding: 0 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    transition: border 0.5s ease-out;
}

.content-box .reply-box .wOpt-box .btn {
    width: 80px;
    height: 32px;
    font-size: 14px;
    line-height: 1;
    background-color: transparent !important;
    border: 1px solid #eb5d1d;
    border-radius: 4px;
    color: #eb5d1d;
    cursor: pointer;
    transition: all 0.3s ease-in;
}

/*类别分类*/
.sidebar-conBody .addLabelCom {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.addLabelCom .addLabelComI .addLabel-input {
    width: 280px;
    margin-right: 10px;
    outline: none;
    height: 32px;
    padding: 0 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    transition: border 0.5s ease-out;
}

.addLabelCom .addLabelComB .addLabel-btn {
    width: 80px;
    height: 32px;
    font-size: 14px;
    line-height: 1;
    background-color: #ffffff;
    border: 1px solid #eb5d1d;
    border-radius: 4px;
    color: #eb5d1d;
    cursor: pointer;
    transition: all 0.1s ease-in;
}

.addLabelCom .addLabelComB .addLabel-btn:hover {
    color: #ffffff;
    background-color: #eb5d1d;
}

.label-list-item ul .label-list-li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.label-list-item ul .label-list-color {
    padding-top: 0;
    padding-bottom: 4px;
    line-height: 30px;
    color: #999999;
    border-bottom: 1px solid #E9E9E9;
}

.label-list-li .label-list-cate .label-cate-input {
    width: 280px;
    margin-right: 10px;
    outline: none;
    height: 32px;
    padding: 0 8px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fafafa;
}

.label-list-li .label-list-cate .label-cate-input[disabled] {
    border: none;
    padding: 0;
    background: transparent;
}

.label-list-li .label-list-cate .myOpt-box {
    display: none;
}

.label-list-li .label-list-oFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.label-list-li .label-list-oFlex .label-list-operate {
    width: 200px;
    text-align: center;
}

.label-list-li .label-list-oFlex .label-article-count {
    width: 100px;
    text-align: center;
}

.label-list-oFlex .label-list-operate a {
    display: inline-block;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    height: 12px;
}

.label-list-oFlex .label-list-operate .label-edit {
    color: #349EDF;
}

.label-list-oFlex .label-list-operate .label-border {
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #E9E9E9;
}

.label-list-oFlex .label-list-operate .label-delete {
    color: #eb5d1d;
}

.label-list-item ul .align-items-center {
    font-size: 14px;
    color: #4F4F4F;
    line-height: 22px;
    padding: 24px 0;
    border-bottom: 1px dotted #DDDDDD;
}

.label-list-cate .myOpt-box a {
    display: inline-block;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    height: 12px;
    color: #349EDF;
}

.label-list-cate .myOpt-box .myRightBor {
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #E9E9E9;
}

/* 文章框 */
.sidebar-conBody .title-Writing .Writing-cont {
    width: 100%;
    position: relative;
}

.title-Writing .Writing-cont .Writing-NubS {
    position: absolute;
    bottom: -30px;
    right: 5px;
    display: inline-block;
    font-size: 20px;
    color: #8590a6;
}

.main-wrapper .sidebar-conBody .moreDiv {
    margin-top: 25px;
}

.sidebar-conBody .moreDiv .form-group {
    margin-bottom: 12px;
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.sidebar-conBody .moreDiv .form-groupTop {
    margin-top: 24px;
}

.moreDiv .form-group .txt-box {
    display: inline-block;
}

.moreDiv .form-group .txt-boxS {
    display: none;
    margin-left: 8px;
    font-size: 12px;
    color: #999999;
}

.moreDiv .form-group .txt-box .txt-boxColor {
    font-size: 12px;
    color: #999999;
}

.sidebar-conBody .moreDiv .form-group .labTitle {
    text-align: right;
    margin-right: 10px;
    padding: 0;
    width: 85px;
    line-height: 30px;
    font-size: 14px;
    display: inline-block;
}

.moreDiv .form-group .txt-box .txt-boxBtn {
    width: 100px;
    font-size: 16px;
    background-color: #ffffff;
    color: #eb5d1d;
    border: 1px solid #eb5d1d;
    padding: 5px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.form-group .txt-box > .perClassUl {
    padding: 8px 10px;
    max-height: 100px;
    background: #FAFAFA;
    border: 1px solid #DDDDDD;
    overflow-x: hidden;
    overflow-y: auto;
}

.txt-box ul .perClassLi {
    display: inline-block;
    margin: 0 10px 5px 0;
    float: left;
}

.txt-box ul .perClassLi .perClassLi-a {
    display: inline-block;
    color: #7b8996;
    background-color: #efefef;
    padding: 2px 4px;
}

.txt-box .ImageText .ImageTextA {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 12px;
    font-size: 14px;
    color: #7b8996;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid #f1f1f1;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.txt-box .ImageText .ImageTextA.selected {
    z-index: 3;
    border-color: #27b0d6;
    color: #27b0d6;
    background: transparent url(../../assets/images/success.png) no-repeat right bottom;
}

.txt-box .ImageText .ImageTextA:hover {
    border-color: #27b0d6;
    color: #27b0d6;
}

.inform-diaryTypeLi-dR .inform-diaryTypeLi-li .inform-diaryTypeLi-liA {
    display: inline-block;
    color: #8590a6;
}

.inform-diaryTypeLi-dR .inform-diaryTypeLi-li .inform-diaryTypeLi-liActive {
    color: #eb5d1d;
}

.inform-diaryTypeLi-dR .inform-diaryTypeLi-li .inform-diaryTypeLi-liA .iconfont {
    vertical-align: middle;
}

.inform-diaryTypeLi-dR .inform-diaryTypeLi-li .inform-diaryTypeLi-liA .iconfontNub {
    font-size: 12px;
    vertical-align: middle;
    margin-left: 2px;
}

/*pc端分页*/
.settingBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

/*公用没有内容展示*/
.noContentInfo {
    position: relative;
    height: 295px;
}

.noContentInfo .noContentInfo-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.noContentInfo .noContentInfo-img > img {
    max-width: 100%;
}

.sidebar-conBody .main-nav-tabs {
    border-bottom: 1px solid #e9e9e9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.main-nav-tabs .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.main-nav-tabs .nav-link {
    display: inline-block;
    margin-right: 24px;
    font-size: 14px;
    color: #999;
    padding: 0;
    padding-bottom: 14px;
    border-bottom: 3px solid transparent;
}

.main-nav-tabs .nav-link.active {
    color: #4f4f4f;
    border-bottom: 3px solid #eb5d1d;
    background-color: transparent;
    border-radius: 0px;
}

.main-nav-tabs .nav-link:hover {
    color: #4f4f4f;
    border-bottom: 3px solid #eb5d1d;
    background-color: transparent;
    border-radius: 0px;
}

.sidebar-conBody .main-search-box {
    display: flex;
    align-items: center;
    font-size: 14px;
    background-color: #ffffff;
}

.sidebar-conBody .main-search-box .usDropDown {
    margin-right: 10px;
}

.article-lab .article-list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px dotted #ddd;
    padding: 16px 0 16px 0;
    color: #999;
    font-size: 12px;
}

.article-list-item .list-item-title {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.article-list-item .list-item-title .article-list-item-tag {
    font-size: 12px;
    padding: 0 5px;
    height: 21px;
    line-height: 21px;
    margin-right: 8px;
    white-space: nowrap;
    border: 1px solid #e9e9e9;
}

.article-list-item .list-item-title .article-list-item-txt {
    font-size: 16px;
    color: #4f4f4f;
    word-wrap: break-word;
    word-break: break-word;
}

.item-info-left .item-info-leftS {
    margin-right: 20px;
    vertical-align: middle;
}

.item-info-left .item-info-leftS .iconfont {
    vertical-align: middle;
    margin-right: 5px;
}

.article-list-item .list-item-flex {
    margin-top: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

.item-info-oper .item-info-operA {
    color: #349EDF;
    padding: 0 8px;
    border-right: 1px solid #e9e9e9;
    cursor: pointer;
}

.item-info-oper .item-info-operA2 {
    border-right: 0;
    color: #eb5d1d;
}

/*分类列表*/
.compNews .category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.category .aside-main .aside-mainW {
    background-color: #ffffff;
}

.category .aside-box .aside-boxCon {
    width: 300px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
}

.category .aside-main {
    width: 100%;
    margin-left: 15px;
}

.category .aside-main .breadcrumbs-list {
    margin-top: 1px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
}

.aside-main .breadcrumbs-list .article-item-box {
    position: relative;
    margin-bottom: 1px;
    padding: 12px 24px;
    background-color: #fff;
}

.aside-box .profile-intro {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
}

.aside-box .aside-boxCon .profile-intro {
    padding: 16px;
    border-bottom: 1px solid #e3e3e3;
}

.profile-intro .avatar-box .avatar-boxA {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 0;
}

.profile-intro .avatar-box .avatar-boxA img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.aside-boxCon .profile-intro .avatar-info {
    margin-left: 8px;
    font-size: 0;
}

.profile-intro .avatar-info .avatar-infoA {
    display: inline-block;
    color: #3d3d3d;
    font-weight: 700;
    max-width: 138px;
    max-height: 66px;
    word-wrap: break-word;
    font-size: 14px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.profile-intro .avatar-info .avatar-infoS {
    display: inline-block;
    background-color: #eb5d1d;
    color: #ffffff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    padding: 1px 10px;
    font-size: 12px;
    margin-top: 2px;
}

.aside-box .aside-boxCon .data-intro {
    padding: 16px 10px;
    border-bottom: 1px solid #e3e3e3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.aside-boxCon .data-intro dl {
    text-align: center;
    width: 100%;
    line-height: 22px;
}

.aside-boxCon .data-intro dl .data-intro-dd {
    font-weight: 700;
}

.aside-main .aside-mainW .breadcrumbs-box {
    padding: 0 20px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
}

.breadcrumbs-list .article-item-box .article-item-d {
    margin-bottom: 10px;
}

.article-item-box .article-item-d .article-item-da {
    font-size: 16px;
    line-height: 24px;
    color: #3d3d3d;
    display: inline-block;
}

.article-item-d .article-item-da .article-item-daS {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #eb5d1d;
    border: 1px solid #eb5d1d;
    vertical-align: middle;
}

.article-item-d .article-item-da .article-item-daS2 {
    display: inline-block;
    word-break: break-all;
    word-wrap: break-word;
    vertical-align: middle;
    font-weight: 700;
}

.article-item-d .article-item-da .article-item-daS2:hover {
    color: #eb5d1d;
}

.article-item-box .article-item-d2 .article-item-d2p {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    font-size: 14px;
    color: #999;
    word-break:break-all;
    word-wrap: break-word;
}

.breadcrumbs-list .article-item-box .article-item-d3 {
    margin-top: 10px;
    font-size: 0px;
    color: #6b6b6b;
    position: relative;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.article-item-box .article-item-d3 .article-opt-box {
    display: none;
}

.article-item-d3 .article-info-box > span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    font-size: 14px;
}

.article-item-d3 .article-opt-box > a {
    display: inline-block;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    height: 12px;
}

.article-item-d3 .article-opt-box .article-opt-boxA1 {
    color: #349EDF;
}

.article-item-d3 .article-opt-box .article-opt-bor {
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #E9E9E9;
}

.article-item-d3 .article-opt-box .article-opt-boxA2 {
    color: #eb5d1d;
}




 .LoadMore2 {
     text-align: center;
     margin-top: 30px;
 }

 .LoadMore2 .LoadMore2a {
     display: inline-block;
     transition: all .2s;
     cursor: pointer;
 }

.LoadMore2 .LoadMore2a .LoadMore2p {
    font-size: 12px;
    color: #eb5d1d;
}

.LoadMore2 .LoadMore2a .LoadMore2p .iconfont {
    font-size: 21px;
    margin-top: 5px;
}

.sideBar-animate {
    -webkit-animation: two-up-down .8s ease infinite 80ms alternate;
    animation: two-up-down .8s ease infinite 80ms alternate;
}

@keyframes two-up-down{from{-webkit-transform:translate(0,8px);transform:translate(0,8px);}to{-webkit-transform:translate(0,-8px);transform:translate(0,-8px);}}

/*发布日记*/
.release .release-title {
    padding-bottom: 24px;
    font-size: 20px;
    color: #4f4f4f;
    letter-spacing: 0;
    line-height: 30px;
    word-break: break-word !important;
    text-align: center;
}

.release .release-titBox {
    padding-bottom: 32px;
    font-size: 28px;
    color: #4f4f4f;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
}

.release-titBox .release-icon .iconfont {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #eb5d1d;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
}

.release-titBox .release-icon .release-iconS {
    display: inline-block;
    vertical-align: middle;
}

.release .release-abstract {
    padding-bottom: 24px;
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-bottom: 10px;
}

.release .release-aBtn {
    text-align: center;
}

.release .release-aBtn .release-aBtnA {
    display: inline-block;
    border: 1px solid #eb5d1d;
    background-color: #fff;
    color: #eb5d1d;
    padding: 0;
    width: 96px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    font-size: 16px;
    text-align: center;
    transition: all .3s ease-in;
    text-decoration: none;
    margin-right: 25px;
}

.release .release-aBtn .release-aBtnA:last-child {
    margin: 0;
}



.secondPage {
	margin-top: 10px;
	background-color: #ffffff;
}

.secondPage .secondPage-filter {
    margin: 0 auto;
    padding: 25px;
    border: 1px solid #ececec;
    font-size: 14px;
    line-height: 1;
    position: relative;
}

.secondPage-filter dd {
    float: right;
    width: 95.5%;
}

.secondPage-filter dd a {
    float: left;
    color: #394043;
    position: relative;
    line-height: 27px;
}

.secondPage-filter .secondPage-list-more a {
    padding-right: 20px;
    overflow: hidden;
    font-size: 13px;
    font-family: "Microsoft YaHei", "微软雅黑", Tahoma, Arial, simhei, Helvetica, sans-serif;
}

.secondPage-filter .secondPage-list-more .unitPrice {
    display: inline-block;
    padding-left: 20px;
    padding-right: 10px;
    font-size: 12px;
    color: #888888;
    float: left;
    position: relative;
    line-height: 27px;
}

.secondPage-filter .secondPage-list-more a:hover {
    color: #eb5d1d;
}

.secondPage-list-more .secondPage-hasmore {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px dashed #D8D8D8;
}

.secondPage-hasmore .secondPage-dt {
    float: left;
    width: 7%;
    line-height: 27px;
    color: #888888;
}

.secondPage-hasmore .secondPage-dd {
    position: relative;
    width: 93%;
}

.secondPage-hasmore .secondPage-dd .active-w {
    color: #eb5d1d;
}


.diaryContent-liA-time .resfooter {
    font-size: 12px;
    color: #999;
    height: 18px;
    line-height: 18px;
    margin-top: 10px;
}

.diaryContent-liA-time .y-box {
    display: block;
}
.diaryContent-liA-time .y-left {
    float: left;
    *margin-right: -3px;
}

.diaryContent-liA-time .lbtn.media-avatar {
    position: relative;
    margin-right: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #eee;
    overflow: hidden;
}

.diaryContent-liA-time .lbtn {
    float: left;
    display: inline-block;
    color: #777;
    font-size: 14px;
}

.diaryContent-liA-time .lbtn.media-avatar>img {
    width: 100%;
    height: 100%;
}

.diaryContent-liA-time .lbtn.source:hover, .diaryContent-liA-time .lbtn.comment:hover {
    color: #406599;
}


.publish-editor-title {
    margin-bottom: 25px;
    position: relative;
}

.publish-editor-title .publish-editor-title-inner {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}

.publish-editor-title .mock-title {
    position: absolute;
    max-width: 665px;
    display: block;
    visibility: hidden;
    word-break: break-all;
    white-space: pre-wrap;
    padding: 0;
}

.publish-editor-title .mock-title, .publish-editor-title .title-style {
    font-family: PingFangSC-Regular,Arial;
    min-height: 36px;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #222;
}

.publish-editor .publish-editor-title .editor-title {
    margin-top: 10px;
}

.publish-editor-title .editor-title {
    position: relative;
    z-index: 2;
    width: 96%;
    margin: 0 0 20px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.autofit-textarea-wrapper {
    position: relative;
    min-height: 20px;
    width: 100%;
}

.publish-editor-title .editor-title pre, .publish-editor-title .editor-title textarea {
    font-family: PingFangSC-Regular,Arial;
    min-height: 36px;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #222;
    background-color: transparent;
}

.autofit-textarea-wrapper textarea {
    overflow: hidden;
    resize: none;
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.autofit-textarea-content {
    display: block;
    visibility: hidden;
    white-space: pre-wrap;
}

.autofit-textarea-content, .autofit-textarea-wrapper textarea {
    font-size: 14px;
    color: #333;
    line-height: 1.3;
    padding: 0;
    word-break: break-all;
    outline: none;
}

.publish-editor-title .editor-title pre, .publish-editor-title .editor-title textarea {
    font-family: PingFangSC-Regular,Arial;
    min-height: 36px;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #222;
    background-color: transparent;
}

.publish-editor .publish-editor-title .title-tip {
    right: 0;
}

.publish-editor-title .title-tip {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
    color: #999;
    z-index: 1;
}

.publish-editor-title .title-tip.warning .cur {
    color: #ed4040;
}

.img-box-c {
    border-radius: 4px;
    overflow: hidden;
    display: block;
    z-index: 1;
    position: relative;
    background-color: #E3E3E3;
    cursor: pointer;
}

.img-box-c:before {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    bottom: 55px;
    left: 88px;
    z-index: 6;
    opacity: 0.85;
    background: url(../../assets/images/cover/play.svg) no-repeat center / 100%;
}

.img-box-b {
    border-radius: 4px;
    overflow: hidden;
    display: block;
    z-index: 1;
    position: relative;
    background-color: #E3E3E3;
    cursor: pointer;
}

.img-box-b:before {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    bottom: 70px;
    left: 133px;
    z-index: 6;
    opacity: 0.85;
    background: url(../../assets/images/cover/play.svg) no-repeat center / 100%;
}

.headerCol .exchange {
    background: #eb5d1d;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 15px;
    padding: 0 10px;
    font-size: 12px;
    max-width: 90px;
    margin-top: 20px;
}


/* 概况 */
.general-intro, .general-loupan {
    margin-top: 30px;
}
.general-item {
    overflow: hidden;
    background-color: #ffffff;
}

.general-item h3 {
    font-size: 22px;
    color: #000;
    line-height: 20px;
    vertical-align: top;
    margin-top: 10px;
}

.general-item em {
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    opacity: .2;
    background: #eb5d1d;
    border-radius: 1px;
    width: 4px;
    height: 20px;
    margin-right: 14px;
}

.general-intro>ul, .general-loupan>ul {
    margin-top: 20px;
    margin-bottom: 40px;
}

.general-item-wrap {
    overflow: hidden;
    margin-left: 18px;
}

.general-intro>ul .intro-item, .general-loupan>ul .intro-item {
    float: left;
    width: 33%;
    line-height: 34px;
    font-size: 14px;
}

.general-intro>ul .intro-item .title, .general-loupan>ul .intro-item .title {
    display: inline-block;
    max-width: 88px;
    color: #999;
}

.general-intro>ul .intro-item .content, .general-loupan>ul .intro-item .content {
    color: #333;
}

a, applet, body, dd, div, dl, dt, h1, h2, h3, h4, html, iframe, li, object, p, span, ul {
    border: 0;
    font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,STHeiti,Microsoft YaHei,微软雅黑,arial,Tahoma,SimSun,sans-serif!important;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

.deleteDialog-title {
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
}

.deleteDialog-desc {
	max-width: 380px;
	margin: 20px auto 10px;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}

.deleteDialog-input {
	width: 380px;
	height: 36px;
	padding: 7px 0 7px 10px;
	border: 1px solid #eee;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline;
}

.deleteDialog-buttonContainer {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 40px;
}

.deleteDialog-cancel {
	margin-right: 20px;
	background-color: #fafbfc;
	color: #666;
	cursor: pointer;
}

.deleteDialog-confirm {
	background-color: rgba(251, 97, 97, .3);
	color: #fff;
	cursor: not-allowed;
}

.infomodel {
	text-align: center;
	width: 540px;
	height: 300px;
	margin-top: 40px;
}

.noticeTitle {
	color: #eb5d1d;
	border: 1px #eb5d1d solid;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	box-sizing: border-box;
	height: 20px;
	width: 36px;
	vertical-align: middle;
	display: inline-block;
}

.noticeitem-time {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    overflow: hidden;
    text-align: right;
    font-size: 14px;
    letter-spacing: 1px;
    color: #9d9d9d;
    margin-left: 18px;
}

.fbcontent {
    background-color: #f9f9f9;
    padding-bottom: 40px;
}
.fb_guide {
    padding-top: 20px;
    padding-bottom: 14px;
    width: 1190px;
    margin: 0 auto;
}
.fb_guide span {
    font-size: 12px;
    line-height: 12px;
}
#a_suggest {
    color: #548efc;
}
.feedbackPM58 {
    background: #FFFFFF;
    border-radius: 4px;
    width: 1190px;
    margin: 0 auto;
}

.fb_container {
    padding-top: 40px;
    padding-bottom: 40px;
}

.integration-link-liA .bg {
    width: 200;
    height: 50px;
    background-color: #eb5d1d;
    border-radius: 5px;
}

